<template>
    <div class="ab_bd">
        <loading :isOpen="isOpen"></loading>
        <div class="news_banner">
            <img :src="about.about_banner">
        </div>
        <div class="about">
            <el-row>
                <!-- <el-col :span="6">
                    <div class="grid-content bg-purple">
                        <p>这里是左侧待定内容</p>
                    </div>
                </el-col> -->
                <el-col :span="24">
                    <div class="grid-content bg-purple-light">
                        <div class="about_box">
                            <h2 class="title">关于我们</h2>
                            <div class="about_txt">
                                <div class="about-detail" v-html="about.team_introduce"></div>
                            </div>

                        </div>

                    </div>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
import loading from './Loading'
export default {
    data() {
        return {
            about: [],
            com_id:localStorage.getItem("companyid"),
            company_name:[],
            isOpen: true
        }
    },
    components:{ loading},
    methods: {
        loadAbout: function() {
            window.scrollTo(0, 0);
            this.$http.get('http://thy.588net.com/index.php/api/Company/get_company_index?' + '&company_id=' + this.com_id).then(function(res) {
                this.about = res.body.data.company;
                 this.company_name=res.body.data.company.name;
                document.title='关于我们-'+this.company_name;
                this.isOpen = false;
               
            })
        }
    },
    mounted() {
        var self=this;
        setTimeout(function(){
            var com_id=localStorage.getItem("companyid");
            self.com_id=com_id;
            self.loadAbout();
        },300) 
    },
    activated:function(){
        var self=this;
        setTimeout(function(){
            var com_id=localStorage.getItem("companyid");
            self.loadAbout();
        },300) 
    }
}
</script>

<style>
.about_txt .about-detail p {
  width: 100%;
  line-height: 28px;
  font-size: 16px;
  color: #5a5a5a;
}
.about_txt .about-detail video{
  width:80%;
  height: 400px;
  margin: 20px auto;
}
.about_txt .about-detail p img {
  display: block;
  height: auto !important;
  width: 70%;
  margin: 20px auto;
}
</style>

<style scoped>


.news_banner {
    max-width: 1200px;
    margin: 0 auto;
    height: 200px;
}

.news_banner img {
    width: 100%;
    height: 200px;
}

.about {
    background: #fff;
    width: 1160px;
    margin: 3px auto;
    min-height: 300px;
    padding:20px;
    box-shadow: 0px 0px 6px 0px #d8d8d8;
    
}

.title {
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    text-align: left;
    margin-bottom: 20px;
    color: #5a5a5a;
    font-size: 22px;
    text-align: center;
}

.title span {
    position: relative;
}

.about_txt p {
    height: 30px;
    line-height: 30px;
    font-size: 14px
}
</style>
